<template>
  <el-drawer destroy-on-close size="800" v-model="弹窗否" :show-close="false" :before-close="详情.关窗">
    <template #header>
      <a工具栏 :详情_抽屉式="详情" />
    </template>
    <el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px">
      <div class="row q-gutter-md">
        <template v-for="字段 in 插组件.筛选详情抽屉式字段()" :key="字段.名称">
          <a表单字段 :插组件="插组件" :编辑否="true" :单项="单项" :字段="字段" 父环境="简化详情">
          </a表单字段>
        </template>
      </div>
    </el-form>
  </el-drawer>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted, onBeforeUnmount, watch } from 'vue'
import a表单字段 from '@/components/a表单字段.vue';
import a工具栏 from '@/components/a工具栏.vue';

const props = defineProps({
  list: Object,
  url: String,
})
const { 插组件 } = props.list
// console.log(`list.插组件.a.候选值集 👉`, props.list.插组件.a.候选值集)
import use详情_抽屉式 from '@/hooks/use详情_抽屉式';
function 复制后处理(单项) {
  单项.客户单位 += 1
  单项.项目名称 += 1
}
const 指定rule = {
  预计招标时间: [{
    required: true,
    message: '必填项',
    trigger: ['input', 'blur'],
  },
  ],

}
const 详情 = use详情_抽屉式({ list: props.list, url: props.url, 复制后处理, rule: 指定rule })
// const 详情 = use详情_抽屉式()
const { 弹窗否, 单项, 初始化, formRef, rule } = 详情


import a子表 from '@/components/a子表.vue';
const 子表ref = ref()

defineExpose({ 详情 })

</script>

<style></style>
